<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			@keyframes myf{
				from{width: 200px;height: 50px;}
				1%{width:204px;height:54px}
				2%{width:208px;height:58px}
				3%{width:212px;height:62px}
				4%{width:216px;height:66px}
				5%{width:220px;height:70px}
				6%{width:224px;height:74px}
				7%{width:228px;height:78px}
				8%{width:232px;height:82px}
				9%{width:236px;height:86px}
				10%{width:240px;height:90px}
				11%{width:244px;height:94px}
				12%{width:248px;height:98px}
				13%{width:252px;height:102px}
				14%{width:256px;height:106px}
				15%{width:260px;height:110px}
				16%{width:264px;height:114px}
				17%{width:268px;height:118px}
				18%{width:272px;height:122px}
				19%{width:276px;height:126px}
				20%{width:280px;height:130px}
				21%{width:284px;height:134px}
				22%{width:288px;height:138px}
				23%{width:292px;height:142px}
				24%{width:296px;height:146px}
				25%{width:300px;height:150px}
				26%{width:304px;height:154px}
				27%{width:308px;height:158px}
				28%{width:312px;height:162px}
				29%{width:316px;height:166px}
				30%{width:320px;height:170px}
				31%{width:324px;height:174px}
				32%{width:328px;height:178px}
				33%{width:332px;height:182px}
				34%{width:336px;height:186px}
				35%{width:340px;height:190px}
				36%{width:344px;height:194px}
				37%{width:348px;height:198px}
				38%{width:352px;height:202px}
				39%{width:356px;height:206px}
				40%{width:360px;height:210px}
				41%{width:364px;height:214px}
				42%{width:368px;height:218px}
				43%{width:372px;height:222px}
				44%{width:376px;height:226px}
				45%{width:380px;height:230px}
				46%{width:384px;height:234px}
				47%{width:388px;height:238px}
				48%{width:392px;height:242px}
				49%{width:396px;height:246px}
				50%{width:400px;height:250px}
				51%{width:404px;height:254px}
				52%{width:408px;height:258px}
				53%{width:412px;height:262px}
				54%{width:416px;height:266px}
				55%{width:420px;height:270px}
				56%{width:424px;height:274px}
				57%{width:428px;height:278px}
				58%{width:432px;height:282px}
				59%{width:436px;height:286px}
				60%{width:440px;height:290px}
				61%{width:444px;height:294px}
				62%{width:448px;height:298px}
				63%{width:452px;height:302px}
				64%{width:456px;height:306px}
				65%{width:460px;height:310px}
				66%{width:464px;height:314px}
				67%{width:468px;height:318px}
				68%{width:472px;height:322px}
				69%{width:476px;height:326px}
				70%{width:480px;height:330px}
				71%{width:484px;height:334px}
				72%{width:488px;height:338px}
				73%{width:492px;height:342px}
				74%{width:496px;height:346px}
				75%{width:500px;height:350px}
				76%{width:504px;height:354px}
				77%{width:508px;height:358px}
				78%{width:512px;height:362px}
				79%{width:516px;height:366px}
				80%{width:520px;height:370px}
				81%{width:524px;height:374px}
				82%{width:528px;height:378px}
				83%{width:532px;height:382px}
				84%{width:536px;height:386px}
				85%{width:540px;height:390px}
				86%{width:544px;height:394px}
				87%{width:548px;height:398px}
				88%{width:552px;height:402px}
				89%{width:556px;height:406px}
				90%{width:560px;height:410px}
				91%{width:564px;height:414px}
				92%{width:568px;height:418px}
				93%{width:572px;height:422px}
				94%{width:576px;height:426px}
				95%{width:580px;height:430px}
				96%{width:584px;height:434px}
				97%{width:588px;height:438px}
				98%{width:592px;height:442px}
				99%{width:596px;height:446px}
				to{width: 600px;height: 450px;}
			}
			div img#li{
				width: 200px;height: 50px;
			}
			div img#li:hover{
				animation: myf 4s ease-in 0s infinite normal;
			}
		</style>
	</head>
	<body>
		<div>
			<img id="li" src="images/1.jpg"/>
		</div>
	</body>
</html>
